﻿@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <title>Each</title>
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.jstree.js")" type="text/javascript"></script>
<link href="@Url.Content("~/Content/themes/style.css?130709")" rel="stylesheet" type="text/css" />

</head>
<body>

   <div id="demo1" class="demo">
	<ul>
		<li id="phtml_1">
			<a href="#">Root node 1</a>
			<ul>
				<li id="phtml_2" class="jstree-checked">
					<a href="#">Child node 1</a>
				</li>
				<li id="phtml_3">
					<a href="#">A Child node 2</a>
				</li>
			</ul>
		</li>
		<li id="phtml_4">
			<a href="#">Root node 2</a>
		</li>
	</ul>
</div>
<script type="text/javascript" class="source">
    $(function () {
        $("#demo1").jstree({
            "plugins": ["themes", "html_data", "checkbox", "sort", "ui"]
        }).hide_checkboxes();
    });
</script>


</body>
</html>
